export function getBaseComponents(that) {
  return {
    'title': that.$t('base'),
    'icon': 'payment',
    'opened': false,
    'items': [
      {
        'text': that.$t('text'),
        'icon': 'fa-text-width',
        'iconType': 'font',
        'info': {
          'type': 'view-text',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 100,
              'h': 30,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': '#000000',
            'zIndex': 1,
            'transform': 0,
            'text': 'Test',
            'textAlign': 'center',
            'fontSize': 14,
            'fontFamily': 'Arial'
          }
        }
      },
      {
        'text': that.$t('picture'),
        'icon': 'fa-file-image-o',
        'iconType': 'font',
        'info': {
          'type': 'view-image',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 100,
              'h': 50,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'zIndex': 1,
            'transform': 0,
            'url': ''
          }
        }
      },
      {
        'text': that.$t('web'),
        'icon': 'fa-internet-explorer',
        'iconType': 'font',
        'info': {
          'type': 'view-webView',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 100,
              'h': 50,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'zIndex': 1,
            'transform': 0,
            'url': ''
          }
        }
      },
      {
        'text': that.$t('video'),
        'icon': 'fa-film',
        'iconType': 'font',
        'info': {
          'type': 'view-video',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 100,
              'h': 50,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'zIndex': 1,
            'transform': 0,
            'url': ''
          }
        }
      },
      {
        'text': that.$t('triangle'),
        'icon': 'fa-caret-up',
        'iconType': 'font',
        'info': {
          'type': 'view-triangle',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 50,
              'h': 50,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0
          }
        }
      },
      {
        'text': that.$t('rect'),
        'icon': 'fa-stop',
        'iconType': 'font',
        'info': {
          'type': 'view-rect',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 50,
              'h': 100,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'radius': 0
          }
        }
      },
      {
        'text': that.$t('circular'),
        'icon': 'fa-circle',
        'iconType': 'font',
        'info': {
          'type': 'view-circular',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 0,
              'y': 0,
              'w': 50,
              'h': 50,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0
          }
        }
      },
      {
        'text': that.$t('line'),
        'icon': 'icon-weibiaoti--',
        'iconType': 'icon',
        'info': {
          'type': 'view-line',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 300,
              'h': 30,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2
          }
        }
      },
      {
        'text': that.$t('lineArrow'),
        'icon': 'fa-arrow-left',
        'iconType': 'font',
        'info': {
          'type': 'view-line-arrow',
          'action': [],
          'dataBind': {
            'sn': '',
            'title': '',
            'biz': '',
            'queryParam': {}
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 300,
              'h': 80,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'points': [
              {
                'x': 0,
                'y': 0
              },
              {
                'x': 0,
                'y': 80
              },
              {
                'x': 150,
                'y': 80
              },
              {
                'x': 150,
                'y': 40
              },
              {
                'x': 300,
                'y': 40
              }
            ]
          }
        }
      },
      {
        'text': '贝塞尔曲线',
        'icon': 'fa-circle-o-notch',
        'iconType': 'font',
        'info': {
          'type': 'view-bizier-curve-arrow',
          'action': [],
          'dataBind': {},
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 300,
              'h': 80,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'points': [
              {
                'x': 20,
                'y': 20
              },
              {
                'x': 20,
                'y': 100
              },
              {
                'x': 200,
                'y': 100
              },
              {
                'x': 200,
                'y': 20
              }
            ]
          }
        }
      },
      {
        'text': '虚线',
        'icon': 'icon-xuxian',
        'iconType': 'icon',
        'info': {
          'type': 'view-dashed',
          'action': [],
          'dataBind': {},
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 200,
              'h': 30,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': '竖线',
        'icon': 'icon-weibiaoti--',
        'iconType': 'icon',
        'info': {
          'type': 'view-line',
          'direction': 'vertical',
          'action': [],
          'dataBind': {},
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 30,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2
          }
        }
      },
      {
        'text': '竖虚线',
        'icon': 'icon-icon-test',
        'iconType': 'icon',
        'info': {
          'type': 'view-dashed',
          'direction': 'vertical',
          'action': [],
          'dataBind': {},
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 30,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('device') + that.$t('status'),
        'icon': 'el-icon-sort',
        'iconType': 'font',
        'info': {
          'type': 'iot-device-status',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('device') + that.$t('status'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 350,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('camera'),
        'icon': 'el-icon-camera',
        'iconType': 'font',
        'info': {
          'type': 'iot-camera-list',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('camera'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 350,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('device') + that.$t('warn'),
        'icon': 'el-icon-warning',
        'iconType': 'font',
        'info': {
          'type': 'iot-device-warn',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('device') + that.$t('warn'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 350,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('device'),
        'icon': 'el-icon-cpu',
        'iconType': 'font',
        'info': {
          'type': 'iot-device-info',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('device'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 700,
              'h': 250,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': '#FFFFFF',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('sensor'),
        'icon': 'el-icon-s-data',
        'iconType': 'font',
        'info': {
          'type': 'iot-device-sensor',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('sensor'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 700,
              'h': 250,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': '#FFFFFF',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      },
      {
        'text': that.$t('map'),
        'icon': 'el-icon-location-information',
        'iconType': 'font',
        'info': {
          'type': 'iot-device-map',
          'direction': 'vertical',
          'action': [],
          'dataBind': {
            'name': that.$t('map'),
            'deviceId': null
          },
          'style': {
            'position': {
              'x': 100,
              'y': 100,
              'w': 350,
              'h': 200,
              'xUnit': 'px',
              'yUnit': 'px',
              'wUnit': 'px',
              'hUnit': 'px'
            },
            'bgColor': 'transparent',
            'fontColor': 'grey',
            'zIndex': 1,
            'transform': 0,
            'lineWidth': 2,
            'setLineDash': '8, 5',
            'dotSpace': 10,
            'dotWidth': 5
          }
        }
      }
    ]
  }
}
